body {
    background: #f2f2f2;
}

.member {
    width: 100%;
    height: 13.32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.m-head {
    height: 0.88rem;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background: -webkit-linear-gradient(#5feba4, #55e5a0);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#5feba4, #55e5a0);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#5feba4, #55e5a0);
    /* Firefox 3.6 - 15 */
    background: -webkit-gradient(linear, left top, left bottom, from(#5feba4), to(#55e5a0));
    background: linear-gradient(#5feba4, #55e5a0);
    /* 标准的语法 */
}

.m-head .p-title {
    color: #fff;
}

.callback {
    width: 0.21rem;
    height: 0.4rem;
    position: absolute;
    left: 0.24rem;
}

[data-dpr="2"] .callback {
    background: url("../img/m-callback@2x.png") no-repeat center/cover;
}

[data-dpr="3"] .callback {
    background: url("../img/m-callback@3x.png") no-repeat center/cover;
}

.m-name {
    height: 2.92rem;
    padding-top: .62rem;
    background: -webkit-linear-gradient(#4edf9c, #0cab82);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#4edf9c, #0cab82);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#4edf9c, #0cab82);
    /* Firefox 3.6 - 15 */
    background: -webkit-gradient(linear, left top, left bottom, from(#4edf9c), to(#0cab82));
    background: linear-gradient(#4edf9c, #0cab82);
    /* 标准的语法 */
}

.m-portrait {
    height: 1.68rem;
    padding-left: 2.1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.m-pic {
    width: 1.68rem;
    height: 1.68rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: .02rem solid #05ffb8;
}

.m-pic i {
    width: 1.68rem;
    height: 1.68rem;
    display: block;
    background: url("../img/m-head@3x.png") no-repeat center/cover;
}

/* [data-dpr="2"] .m-pic i {
    background: url("../img/m-head@2x.png") no-repeat center/cover;
}

[data-dpr="3"] .m-pic i {
    background: url("../img/m-head@3x.png") no-repeat center/cover;
} */

.m-info {
    color: #fff;
    padding-left: .18rem;
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.m-click {
    font-size: .24rem;
    color: #fff;
    margin-left: 2.1rem;
    padding-top: .18rem;
}

.m-lists {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 .24rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff;
}

.m-item {
    height: 1.2rem;
    width: 100%;
    border-bottom: .01rem solid #ddd;
    font-size: .36rem;
    color: #333;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.m-item-pic {
    width: 0.58rem;
    height: 0.58rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.m-icon1 {
    display: block;
    width: 0.42rem;
    height: 0.42rem;
}

[data-dpr="2"] .m-icon1 {
    background: url("../img/m-dress@2x.png") no-repeat center/cover;
}

[data-dpr="3"] .m-icon1 {
    background: url("../img/m-dress@3x.png") no-repeat center/cover;
}

.balance {
    width: 0.34rem;
    height: 0.36rem;
}

[data-dpr="2"] .balance {
    background: url("../img/balance@2x.png") no-repeat center/cover;
}

[data-dpr="3"] .balance {
    background: url("../img/balance@3x.png") no-repeat center/cover;
}

.Recharge {
    width: 0.34rem;
    height: 0.39rem;
}

[data-dpr="2"] .Recharge {
    background: url("../img/Recharge@2x.png") no-repeat center/cover;
}

[data-dpr="3"] .Recharge {
    background: url("../img/Recharge@3x.png") no-repeat center/cover;
}

.setting {
    width: 0.4rem;
    height: 0.32rem;
}

[data-dpr="2"] .setting {
    background: url("../img/setting@2x.png") no-repeat center/cover;
}

[data-dpr="3"] .setting {
    background: url("../img/setting@3x.png") no-repeat center/cover;
}

.kefu1 {
    width: 0.44rem;
    height: 0.44rem;
}

[data-dpr="2"] .kefu1 {
    background: url("../img/kefu1.png") no-repeat center/cover;
}

[data-dpr="3"] .kefu1 {
    background: url("../img/kefu1.png") no-repeat center/cover;
}

.m-foot {
    background: #eee;
}